<div class="main-container">
    <div class="LHY_banner_top">
        <img src="./images/top-banner-word.png" alt="Feliz Dia do Pai!">
    </div>
    <div class="LHY_display w1100">
        <img src="./images/page-img1.png" alt="O meu querido pai, merece um melhor telemóvel ">
        <div class="display3">
            <div class="display3-container">
                <div class="j-module f-goods">
                    <ul class="clearfloat">
                        <li class="f-item f-item-even">
                            <a href="#" class="clearfloat" target="_blank" title="Innos D6000 3GB 32GB">
                                <img class="l word" src="./images/product-word-img1.png" alt="Innos D6000 3GB 32GB">
                                <img class="r product" src="./images/product-img1.png" alt="Innos D6000 3GB 32GB">
                            </a>
                        </li>
                        <li class="f-item">
                            <a href="#" class="clearfloat" target="_blank" title="OUKITEL K6000 6000mAh 2GB 16GB Gris">
                                <img class="l word" src="./images/product-word-img1.png" alt="OUKITEL K6000 6000mAh 2GB 16GB Gris">
                                <img class="r product" src="./images/product-img2.png" alt="OUKITEL K6000 6000mAh 2GB 16GB Gris">
                            </a>
                            
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="display4">
            <div class="display4-container">
                <ul class="LHY-product-list lists-12 clearfloat">  </ul>
            </div>
        </div>

        <img src="./images/page-img2.png" style="margin-top: 40px;">
    
        <div class="display4">
            <div class="display4-container">
                <ul class="LHY-product-list lists-12 clearfloat"></ul>
            </div>
        </div>
    </div>
</div>

<style type="text/css">
    .LHY_banner_top{width: 100%;height: 291px;background: url(./images/top-area-bg.jpg)repeat-x;text-align: center;}
    .LHY_display{margin: 40px auto;text-align: center;}
    .product-img img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
    .LHY-product-list li:hover .product-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
    .display3-container{padding: 25px 0 15px;}
    .display3-top{background: #f1f1f1;}
    .f-goods{margin-top: 10px;}
    .f-goods .f-item{overflow: hidden;float: left;border: 2px solid #dadada;border-radius: 5px;-webkit-box-shadow: 0px 0px 8px #dadada;-moz-box-shadow: 0px 0px 8px #dadada;box-shadow: 0px 0px 8px #dadada;width: 525px;height: 304px;position: relative;}
    .f-goods .f-item-even{margin-right: 15px;}
    .f-goods .f-item img.word{margin: 50px 0px 0px 10px;}
    .f-goods .jPic{width: 240px;height: 240px;float: left;margin-right: 20px;}
    .f-goods .f-item:hover img.product{opacity: 0.6;}
    .display4-container{margin-top: 15px;}
    .LHY-product-list li{width: 267px;float: left;margin: 0px 10px 20px 0px;position: relative;}
    .LHY-product-list li:nth-child(4n+4){margin-right: 0px;}
    .LHY-product-list li.margin-style{margin-right: 0px;}
    .LHY-product-list .product-img{width: 267px;height: 267px;overflow: hidden;border: 2px solid #F5F2F2;border-radius: 50%; display: flex; justify-content: center; align-items: center;}
    .LHY-product-list .product-img:hover{border-color: #C0BDBD;}
    .product-dec .text{font-size: 15px;color: #666666;margin-top: 10px;font-weight: bold;font-family: 'Arial';height: 34px;overflow: hidden;}
    .buy-btn a{font-size: 15px;color:#333;}
    .buy-btn a:hover{color: #f62d3f;}
    .product-dec .price{font-size: 24px;color: #f62d3f;font-weight: bold;}
    .product-dec .price del{font-size: 18px;color: #333333;}
    .product-dec .price .big{font-size: 36px;font-weight: bold;}
</style>
<script type="text/javascript">
    (function ($) {
        var str2 = `<li class="four">
            <div class="product-img">
                <a href="#" target="_blank">
                    <img src="./images/product-16.png" alt="CHUWI Hi8 2GB 32GB Blanco">
                </a>
            </div>
            <div class="product-dec">
                <p class="text">CHUWI Hi8 2GB 32GB Blanco</p>
                <p class="price">
                    <del>109.99€</del>
                    <span class="big">99.99€</span>
                </p>
                <div class="buy-btn">
                    <a href="#" target="_blank">Comprar &gt;&gt;</a>
                </div>
            </div>
        </li>`;


        var str2_12 = '';
        for (var i = 0; i < 12; i++) {
            str2_12 += str2;
        }
        $(".lists-12").append(str2_12);
    })(jQuery);
</script>